import React from 'react';
import { Table, Select, Input, Button } from 'antd';
import './Post.less';

const { Option } = Select;

const columns = [
    {
        title: '序号',
        dataIndex: 'index',
        key: 'index',
    },
    {
        title: '岗位类别',
        dataIndex: 'category',
        key: 'category',
    },
    {
        title: '岗位名称',
        dataIndex: 'name',
        key: 'name',
    },
    {
        title: '岗位事项',
        dataIndex: 'details',
        key: 'details',
    },
    {
        title: '人员',
        dataIndex: 'person',
        key: 'person',
    },
    {
        title: '操作',
        key: 'action',
        render: () => (
            <span>
                <a>编辑</a> | <a>删除</a>
            </span>
        ),
    },
];

const data = [
    {
        key: '1',
        index: '1',
        category: '单位负责类',
        name: '单位负责人',
        details: '履行相关法律、法规...',
        person: '金某某',
    },
    // 其他数据...
];

const Post: React.FC = () => {
    return (
        <div className="container">
            <div className="header">
                <Select className="select" placeholder="岗位类别" style={{ width: 120 }}>
                    <Option value="all">全部</Option>
                    {/* 其他选项 */}
                </Select>
                <Input className="input" placeholder="搜索" style={{ width: 200 }} />
                <Button className="button" type="primary">查询</Button>
                <Button className="button">重置</Button>
            </div>
            <Table className="table" columns={columns} dataSource={data} />
        </div>
    )
};

export default Post;
